@import './index.scss';

/* 页面宽度小于576px
------------------------------- */
@media screen and (max-width: $xs) {
	.el-form-item__label {
		width: 100% !important;
		text-align: left !important;
		// 移动端 label 右对齐问题
		justify-content: flex-start !important;
	}
	.el-form-item__content {
		margin-left: 0 !important;
	}
	.el-form-item {
		// 响应式表单时，登录页需要重新处理
		display: unset !important;
	}
	// 表格演示中的表单筛选
	.table-form-btn {
		display: flex !important;
		.el-form-item__label {
			width: auto !important;
		}
	}
	// 表格演示中的表单筛选最大高度，适配移动端
	.table-search-container {
		max-height: 160px;
		overflow: auto;
	}
	// 在小屏幕中，取消表单左边距
	.el-form-item__label-wrap {
		margin-left: 0px !important;
	}
	// 列表页查询表单内的输入框宽度适配
	.el-form--inline .el-form-item .el-select,
	.el-form--inline .el-form-item .el-input {
		width: 100% !important;
	}
	.el-form--inline .el-form-item:has(.el-form-item__label) {
		margin-right: 0;
	}
}
